<template>
  <div class="home">
    <van-tabbar
            v-model="active"
            fixed
            route>
      <van-tabbar-item replace to="/main" icon="home-o">
        首页
      </van-tabbar-item>
      <van-tabbar-item replace to="/credit" icon="description">
        贷款
      </van-tabbar-item>
      <van-tabbar-item replace to="/repay" icon="search" badge="9">
        还款
      </van-tabbar-item>
      <van-tabbar-item replace to="/profile" icon="https://b.yzcdn.cn/vant/icon-demo-1126.png">
        个人
      </van-tabbar-item>
    </van-tabbar>
    <router-view />
  </div>
</template>

<script>

export default {
    name: 'Home',
      data() {
          return{
            active: 0
          }
        }
}
</script>
